body{ background-color:#fe1a04;}

.body_bj{ position:fixed; top:0; left:0; right:0; bottom:0; background:url(../images/code_quan_bj.jpg) 50% 0 no-repeat; background-size:cover;}

.code-boxs{ position:relative; width:80%; max-width:400px; margin:10px auto 0; text-align:center;}
.code-boxs img{ vertical-align:middle;}
.code-tit{ position:relative; padding:10px 10px 0; background-color:#fff; border-top-left-radius:20px; border-top-right-radius:20px }
.code-ma{ padding:0 30px 30px; background-color:#fff; border-bottom-left-radius:20px; border-bottom-right-radius:20px; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2);}
.code-ma__erw{ position:relative;}

.code-smboxs{ position:relative; padding:20px 0; background-image: -webkit-gradient(linear, 0% 0%, 0% 30%, from(rgba(254, 26, 4, 0)), to(#fe1a04));}
.code-smbox{ position:relative; width:80%; max-width:400px; margin:0 auto;}
.code-sm__tao{margin-top:10px; color:#fff; -webkit-box-orient: horizontal; -webkit-box-align: center; display: -webkit-box; display: box;}
.code-sm__tao a{ color:#fff;}
.code-sm__tao .tb{ display:block; width:26px; height:26px; margin-right:5px; line-height:26px; text-align:center; background-color:rgba(255, 255, 255, 0.2); border-radius:100%;}

.th-info__zhang{position:absolute; top:15px; right:20px; width:60px; height:60px; color:#ff7f7f; transform:rotate(-35deg);}
.th-info__zhang.on{ color:#ccc;}
.th-info__zhang [class^="icon-"]{ position:absolute; top:50%; left:50%; margin:0; font-size:60px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.th-info__zhang .z{ position:absolute; top:50%; left:50%; width:100%; font-size:12px; text-align:center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}